iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0
Mobile Development

從零開始學React Native系列 第 6

【從零開始學React Native】5. 創建Todo Tracker——規劃

  • 分享至 

  • xImage
  •  

1. 專案概述

我們這次會創建一個Android的Todo Tracker應用,並且該應用提供用戶來管理日常任務。並且可以離線或雲端同步這樣,下面我們先簡單規劃。

2.功能需求

用戶認證

  • 註冊新帳戶
  • 登入現有帳戶
  • OAUTH
  • 密碼重置

任務管理

  • 創建新任務、編輯現有任務、刪除任務
  • 查看任務列表
  • 子任務
  • 標記任務為完成/未完成

任務分類

  • 按日期分類
  • 按優先級分類
  • 自定義標籤

提醒功能

  • 設置任務提醒
  • 推送通知

資料同步

  • 在多個設備間同步數據
  • 離線使用時本地存儲

設置

  • 主題切換(淺色/深色模式)

3. 用戶界面 (UI) 設計

主畫面 (任務列表)

  • 搜索欄(用於搜索)
  • 任務列表
  • 圖表

新增任務畫面

  • 任務標題輸入
  • 描述輸入
  • 到期日期選擇
  • 優先級選擇
  • 提醒設置
  • 標籤選擇/創建

任務詳情畫面

  • 任務信息顯示
  • 編輯選項
  • 刪除選項
  • 是否完成

統計畫面

  • 完成任務圖表

用戶設置畫面

  • 用戶信息顯示
  • 使用者帳戶設置
  • 應用設置
  • 同步設置
  • 關於應用信息

結論

今天先進行規劃,明天開始先把畫面給做出來。並且後端部分可能會選擇使用一個BAAS來做使用。


上一篇
【從零開始學React Native】4.React Native環境架設(React Native Cli)
下一篇
【從零開始學React Native】6. 創建Todo Tracker——創建頁面
系列文
從零開始學React Native20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言